<script setup>
import { reactive, ref } from 'vue';


let font_color = ref("red")
let font_decoration = ref("underline")

let my_style = reactive(
    {
        color: "red",
        textDecoration:"underline"
    }
)

</script>

<template>
<div style="color: red; text-decoration: underline;">Hello, World!</div>
<!-- 对象语法 -->
<div v-bind:style="{color: font_color, textDecoration: font_decoration}">Hello, World!</div>
<div v-bind:style="my_style">Hello, World!</div>
</template>

<style scoped>
</style>
